/**
 * Created with WebStorm.
 * User: Administrator
 * Date: 2018/6/11
 * Time: 15:34
 * To change this template use File | Settings | File Templates.
 */
body {
    background-color: #fff;
    font: 12px/1.5 "microsoft yahei", "simhei", "宋体", tahoma, arial, sans-serif;
}

.bg {
    width: 750px;
    background: #ffffff;
    overflow: hidden;
    margin: 0 auto;
}
.search-box{
    background:#f7f8f9;
    border:1px solid #dddddd;
    border-radius:100px;
    width:588px;
    height:38px;
    position: relative;
    padding: 15px 30px;
    margin: 40px auto;
}
.search-box-input{
    display: block;
    float: left;
    height: 38px;
    line-height:38px;
    text-align: left;
    border: none;
    font-size:26px;
    color:#707374;
    background: none;
    width:530px;
}
.search-btn{
    display: block;
    float: right;
    width:40px;
    height:40px;
}
.notice-box{
    padding: 100px 66px;
    text-align: left;
    overflow: hidden;
}
.notice-box .icon{
    display: block;
    float: left;
    margin-right:50px;
}
.notice-box .text{
    width:474px;
    height: 120px;
    text-align: left;
    font-size:28px;
    color:#272727;
    line-height:40px;
    word-break: break-all;
}


/*搜索结果页*/
.bg-f7{
    background-color: #f7f8f9 !important;
}
.search-result-box{
    width:100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.search-result-nothing{
    width:690px;
    padding: 60px 0;
    margin: 0 auto;
    overflow: hidden;
}
.search-result-nothing .icon{
    width:279px;
    height:170px;
    display: block;
    margin: 0 auto 52px;
}
.search-result-nothing .text{
    font-size:28px;
    color:#707374;
    width:100%;
    text-align: center;
}
.hr-line{
    border: none;
    border-bottom:1px solid #dddddd;
    width:650px;
    margin: 0 auto;
}
.no-order-notice{
    text-align: center;
    padding-top:70px;
    font-size:28px;
    color:#4c4c4c;
    line-height:45px;
}
.search-step{
    padding-left:40px;
    width:610px;
    margin: 0 auto;
    margin-top:30px;
    font-size:27px;
    color:#272727;
    line-height:45px;
    position: relative;
}
.search-step .icon{
    position: absolute;
    left:0;
    background:#ffffff;
    border:8px solid #2ea7d6;
    width:10px;
    height:10px;
    border-radius:100%;
    display: block;
    top: 12px;
}
.search-step a{
    color: #2ea7d6;
    text-decoration: none;
}
.search-step img{
    width:574px;
    height: 289px;
    display: block;
    float: left;
}

.top-tit{
    height: 48px;
    line-height:48px;
    text-align: left;
    padding: 30px;
    font-size:30px;
    color:#000000;
}
.top-tit .icon{
    display: block;
    float: left;
    margin-top:10px;
    margin-right:10px;
}
.top-tit span{
    height: 48px;
    line-height:48px;
    text-align: left;
    padding: 30px;
    font-size:30px;
    color:#000000;
    display: block;
    float: left;
}
.log-out{
    height: 48px;
    left: 48px;
    display: block;
    float: right;
    font-size:30px;
    color:#707374;
    text-decoration: none;
}
.result-item{
    display: block;
    margin: 24px auto;
    background: #ffffff;
    width:642px;
    height:auto;
    padding: 24px;
    position: relative;
}
.result-item .hr-line{
    width:100%;
    margin: 25px 0;
}
.result-item .icon{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.result-item .item-tit{
    height: 30px;
    line-height:30px;
    width:100%;
    overflow: hidden;
    padding-bottom:20px;
}
.result-item .item-tit .order-num{
    font-size:22px;
    height: 30px;
    line-height:30px;
    display: block;
    float: left;
}
.result-item .item-tit .order-time {
    font-size:22px;
    color:#9e9e9e;
    display: block;
    float: right;
    max-width:250px;
}
.result-item .item-cont{
    width:100%;
    overflow: hidden;
}
.result-item .item-pro-img{
    background:#ffffff;
    border:1px solid #cccccc;
    width:159px;
    height:159px;
    display: block;
    float: left;
    margin-right:20px;
}
.result-item .item-cont-right{
    width:450px;
    display: block;
    float: left;
}
.result-item .item-cont-intro {
    font-size:26px;
    color:#4c4c4c;
    text-align: left;
    line-height:42px;
}
.result-item .item-name{
    font-size:28px;
    color:#4c4c4c;
    height: 40px;
    line-height:40px;
    width:100%;
    text-align: left;
}
.result-item .item-unit {
    font-size:28px;
    color:#707374;
    height: 40px;
    line-height:40px;
    width:100%;
    text-align: left;
}
.result-item .item-price-box{
    height:56px;
    line-height:56px;
    width:100%;
    text-align: left;
}
.result-item .item-price-box .price{
    font-size:28px;
    color:#272727;
    display: block;
    float: left;
}
.appraise-btn{
    background:#2ea7d6;
    border-radius:53px;
    width:130px;
    height:56px;
    line-height:56px;
    font-size:24px;
    color:#ffffff;
    text-align: center;
    text-decoration: none;
    display: block;
    float: right;
    margin-top:30px;
}
.appraise-btn-gray{
    background:#dddddd;
    color:#707374;
}
.btm-box{
    background-color: #ffffff;
    height:128px;
    width:100%;
    overflow: hidden;
}
.btn-submit{
    background:#2ea7d6;
    border-radius:100px;
    width:530px;
    text-align: center;
    height:88px;
    line-height:88px;
    display: block;
    margin: 20px auto;
    font-size:32px;
    color:#ffffff;
    text-decoration: none;
}
.btn-submit-gray{
    background:#dddddd;
    color:#707374;
}


/*评价*/
.appraise-star-box{
    width:690px;
    margin: 0 auto;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    padding: 40px 30px;
    height:auto;
    background:#ffffff;
    display: inline-block;
}
/*评价*/
.appraise-left-box{
    width:122px;
    float: left;
    overflow: hidden;
}
.appraise-left-box .head-icon{
    background:#ffffff;
    border:1px solid #dddddd;
    width:120px;
    height:120px;
    display: block;
    float: left;
    margin-bottom:10px;
}
.appraise-left-box .service-type{
    font-size:14px;
    color:#272727;
    letter-spacing:0;
    text-align:left;
    height: 20px;
    line-height:20px;
    display: block;
    float: left;
    width:100%;
}
.appraise-left-box .name{
    font-size:14px;
    color:#707374;
    letter-spacing:0;
    text-align:left;
    height: 20px;
    line-height:20px;
    display: block;
    float: left;
    width:100%;
}

.appraise-right-box{
    background:#ffffff;
    width:780px;
    height:auto;
    overflow: hidden;
    margin-left:16px;
    float: left;
}
.apprise-text{
    background:#ffffff;
    border:0;
    width:690px;
    height:250px;
    padding: 30px;
    font-size:28px;
    line-height:40px;
    color:#9e9e9e;
    text-align:left;
    overflow: hidden;
}
.apprise-text-max-length{
    width:180px;
    float: right;
    font-size:28px;
    color:#9e9e9e;
    text-align: right;
    margin-top:-40px;
    position: relative;
    z-index:1;
    margin-right:20px;
}
.appraise-left-box-btm{
    width:780px;
    padding-left:140px;
    overflow: hidden;
}
.appraise-left-box-btm .apprise-qr{
    width:80px;
    height: 80px;
    display: block;
    float: left;
}
.appraise-left-box-btm .apprise-qr img{
    width:100%;
    height: 100%;
    display: block;
}
.appraise-left-box-btm .apprise-qr-cont {
    width:660px;
    margin-left:30px;
    display: block;
    float: left;
    overflow: hidden;
}
.apprise-qr-cont .tit{
    font-size:16px;
    color:#2ea7d6;
    text-align:left;
    height: 22px;
    width:100%;
    display: block;
    float: left;
}
.apprise-qr-cont .intro {
    font-size:12px;
    color:#707374;
    text-align:left;
    line-height:20px;
    display: block;
    float: left;
    width:100%;
    margin-top: 15px;
}
.appraise-file-box{
    width:100%;
    overflow: hidden;
}
.appraise-file-box .layui-upload{
    padding: 30px;
    overflow: hidden;
}
.appraise-file-box .layui-upload-list{
    display: block;
    float: left;
    overflow: hidden;
    min-height: 170px;
    width:auto;
}
.appraise-file-box .layui-upload-list .img-wrapper{
    height: 160px;
    width: 160px;
    border:1px solid #dddddd;
    display: block;
    margin-right:10px;
    float: left;
}
.appraise-file-box .layui-upload-list img{
    background:#ffffff;
    max-width: 160px;
    max-height: 160px;
}
.apprise-img-box::before{
    content: '';
    background: url('../images/css_sprites.png') -447px -212px;
    width:36px;
    height:36px;
    position: absolute;
    right:0;
    top: 0;
}
.apprise-img-box{
    width:160px;
    height:160px;
    border:1px solid #dddddd;;
    text-align:center;
    overflow: hidden;
    margin: 0 auto 20px;
    float: left;
    margin-right:10px;
    position: relative;
}
.apprise-img-box span{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.apprise-img-box img{
    vertical-align:middle;
    max-width:100%;
}
.appraise-file-box .layui-btn-upload{
    width:170px;
    height:170px;
    float: left;
    display: block;
    text-indent: 999rem;
    margin: 10px auto;
}
.appraise-right-box .layui-btn-submit{
    background:#2ea7d6;
    width:96px;
    height:32px;
    text-align: center;
    line-height:32px;
    font-size:12px;
    color:#ffffff;
    display: block;
    float: right;
    border-radius: 0;
}
.apprise-success-btn{
    background:#ddf1f8;
    border-radius:4px;
    width:360px;
    height:60px;
    line-height:60px;
    display: block;
    margin: 0 auto;
    font-size:16px;
    color:#2ea7d6;
    text-align:center;
    margin-top:46px;
}
/*CSS Star start*/
.start-row{
    font-size:14px;
    color:#4c4c4c;
    letter-spacing:0;
    text-align:left;
    height: 37px;
    line-height:37px;
    margin-bottom:43px;
}
.start-row .tit{
    display: block;
    float: left;
    font-size:26px;
    color:#4c4c4c;
}
.star-box{
    display: block;
    float: left;
}
.star-box input {
    margin: 0;
    display: block!important;
}

/*初始化样式 star*/
.star_evaluate {
    position: relative;
    width: 200px;
    height: 40px;
    background: url("../images/icon-star-default.png") repeat-x;
    background-size: 40px 40px;
    overflow: hidden;
}

.star,.score{
    display: block;
    height: 40px;
    width: 40px;
    position: absolute;
}
.star{
    z-index: 2;
}
.score{
    opacity: 0;
    z-index:10;
    cursor: pointer;
}

.star_1, .score_1 {
    left: 0;
}

.star_2, .score_2 {
    left: 40px;
}

.star_3, .score_3 {
    left: 80px;
}

.star_4, .score_4 {
    left: 120px;
}

.star_5, .score_5 {
    left: 160px;
}

/*鼠标悬浮*/
.star:hover {
    cursor: pointer;
    background: url("../images/icon-star-active.png") repeat-x;
    background-size: 40px 40px;
    left: 0;
    z-index: 1;
}

.star_1:hover {
    width: 40px;
}

.star_2:hover {
    width: 80px;
}

.star_3:hover {
    width: 120px;
}

.star_4:hover {
    width: 160px;
}

.star_5:hover {
    width: 200px;
}

/*选中之后*/
.score:checked + .star {
    background: url("../images/icon-star-active.png") repeat-x;
    background-size: 40px 40px;
    left: 0;
}

.score_1:checked + .star_1 {
    width: 40px;
}

.score_2:checked + .star_2 {
    width: 80px;
}

.score_3:checked + .star_3 {
    width: 120px;
}

.score_4:checked + .star_4 {
    width: 160px;
}

.score_5:checked + .star_5 {
    width: 200px;
}

/*下单*/
.server-item{
    display: block;
    margin: 24px auto;
    background: #ffffff;
    width: 562px;
    height:auto;
    padding: 46px 64px;
    position: relative;
    overflow: hidden;
}
.service-item-text{
    display: block;
    float: right;
    height: 166px;
    line-height:166px;
    font-size:32px;
    color:#4c4c4c;
}
.server-item-img{
    display: block;
    float: left;
    width:166px;
    height: 166px;
    background-position: center center;
    background-repeat: no-repeat;
}
.service-item-qj{
    background-image: url("../images/icon_baojie.png");
}
.service-item-jh{
    background-image: url("../images/icon_jinghua.png");
}
.service-item-lz{
    background-image: url("../images/icon_lvzhi.png");
}
.service-item-wx{
    background-image: url("../images/icon_weixiu.png");
}


/*public*/
.icon{
    text-indent: -999rem;
}
.color-blue{
    color:#2ea7d6 !important;
}

.color-orange{
    color:#e47d26!important;
}
.none{
    display: none;
}

.pl20{
    padding-left:20px!important;
}
.bg-icon_pingfen {
    width: 36px; height: 34px;
    background: url('../images/css_sprites.png') -447px -268px;
}
.bg-icon_star_grey {
    width: 44px; height: 40px;
    background: url('../images/css_sprites.png') -504px -294px;
}
.bg-icon_star_orange {
    width: 44px; height: 40px;
    background: url('../images/css_sprites.png') -138px -394px;
}
.bg-icon_t_blue {
    width: 20px; height: 20px;
    background: url('../images/css_sprites.png') -504px -354px;
}
.bg-icon_t_orange {
    width: 20px; height: 20px;
    background: url('../images/css_sprites.png') -568px -294px;
}
.bg-icon_weixiu {
    width: 100px; height: 120px;
    background: url('../images/css_sprites.png') -327px -212px;
}
.bg-pic_clean {
    width: 162px; height: 162px;
    background: url('../images/css_sprites.png') -10px -212px;
}
.bg-pic_none {
    width: 290px; height: 182px;
    background: url('../images/css_sprites.png') -10px -10px;
}
.bg-pic_plant {
    width: 94px; height: 122px;
    background: url('../images/css_sprites.png') -504px -152px;
}
.bg-btn_delete {
    width: 36px; height: 36px;
    background: url('../images/css_sprites.png') -447px -212px;
}
.bg-btn_search {
    width: 40px; height: 40px;
    background: url('../images/css_sprites.png') -202px -394px;
}
.bg-but_addphoto {
    width: 164px; height: 164px;
    background: url('../images/css_sprites.png') -320px -10px;
}
.bg-icon_baojie {
    width: 115px; height: 121px;
    background: url('../images/css_sprites.png') -192px -212px;
}
.bg-icon_jinghua {
    width: 108px; height: 105px;
    background: url('../images/css_sprites.png') -10px -394px;
}
.bg-icon_lvzhi {
    width: 94px; height: 122px;
    background: url('../images/css_sprites.png') -504px -10px;
}